<!DOCTYPE HTML>
<!--
	Editorial by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="en">
	<head>
		<title>HTML Editor</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<script>
			function choice() {
				var index=document.getElementById("AreaId").selectedIndex;//获取当前选择项的索引.
				document.getElementById("AreaId").options[index].text;//获取当前选择项的文本.

				document.getElementById("AreaId").options[index].innerHTML;//获取当前选择项的文本.

				var obj=document.getElementById("AreaId");
				for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.

					if(obj[i].selected === true) {

						var text=obj[i].text;//获取当前选择项的文本.

					}

				}
				if( text === "English"){
					window.location="https://xiezheyuan.github.io/HTMLEditor/index.html"
				}
				if( text === "Chinese"){
					window.location="https://xiezheyuan.github.io/HTMLEditor/index.cn.html"
				}
				if( text === "Japanese"){
					window.location="https://xiezheyuan.github.io/HTMLEditor/index.jp.html"
				}
			}
		</script>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Main -->
					<div id="main">
						<div class="inner">

							<!-- Header -->
								<header id="header">
									<a href="index.html" class="logo">HTML Editor</a>
									<label>
										<select id="AreaId">
											
											<option>Chinese</option>
											<option>Japanese</option>
										</select>
									</label>
									<button onclick="choice()">Go!</button>
								</header>

							<!-- Banner -->
								<section id="banner">
									<div class="content">
										<header>
											<h1>Hi, I’m HTMLEditor<br />
											by Xie Zheyuan</h1>
											<p>A free HTML Editor use Python3 and PyQt5</p>
										</header>
										<p>This software can help you write HTML code, suitable for international front-end engineers and programming enthusiasts to use.Lightweight and convenient, open source code, easy to learn.</p>
										<ul class="actions">
											<li class="button"><a href="https://github.com/XieZheyuan/HTMLEditor/archive/master.zip">Download Files</a></li>
										</ul>
									</div>
									<span class="image object">
										<img src="images/pic10.jpg" alt="" />
									</span>
								</section>

							<!-- Section -->
								<section>
									<header class="major">
										<h2>Software Advantage</h2>
									</header>
									<div class="features">
										<article>
											<span class="icon fa-gem"></span>
											<div class="content">
												<h3>Free</h3>
												<p>This Application is FREE and OPEN SOURCE It's good for you!</p>
											</div>
										</article>
										<article>
											<span class="icon solid fa-paper-plane"></span>
											<div class="content">
												<h3>Lightweight</h3>
												<P>The software is small and doesn't run as slowly as other editor applications and crash easily.</P>
											</div>
										</article>
									</div>

								</section>

							<!-- Section -->
								<section>
									<header class="major">
										<h2>Instances</h2>
									</header>
									<div class="posts">
										<article>
											<a href="#" class="image"><img src="images/html5.png" alt="" /></a>
											<h3>New a HTML File</h3>
											<p>New a HTML file to write</p>
											<ul class="actions">
												<li><a href="#" class="button">Learn More</a></li>
											</ul>
										</article>
										<article>
											<a href="#" class="image"><img src="images/richtextbox.jpg" alt="" /></a>
											<h3>Insert Inline Text</h3>
											<p>Insert Inline Text in the ribbon tabs,like <b>Bold</b>,<i>Italic</i>,<u>Underline</u> and <del>Delete line</del></p>
											<ul class="actions">
												<li><a href="#" class="button"> Learn More</a></li>
											</ul>
										</article>

									</div>
								</section>

						</div>
					</div>

				<!-- Sidebar -->
					<div id="sidebar">
						<div class="inner">

							<!-- Search -->


							<!-- Menu -->
								<nav id="menu">
									<header class="major">
										<h2>Menu</h2>
									</header>
									<ul>
										<li><a href="">Homepage</a></li>
										<li><a href="http://github.com/XieZheyuan/HTMLEditor">GitHub Repository</a></li>
										<li><a href="">Class</a></li>
										<li>
											<span class="opener">Instances</span>
											<ul>
												<li><a href="#">Insert Inline Text</a></li>
												<li><a href="#">Insert Line and BR Element</a></li>
												<li><a href="#">Insert List</a></li>
												<li><a href="#">Insert Table</a></li>
											</ul>
										</li>

									</ul>
								</nav>



							<!-- Section -->
								<section>
									<header class="major">
										<h2>To contact me</h2>
									</header>
									<p>Please don't disturb me if there is nothing wrong. Thank you for your cooperation.</p>
									<ul class="contact">
										<li class="icon solid fa-envelope"><a href="mailto:billy03282@163.com">billy03282@163.com</a></li>

										<li class="icon solid fa-home">Meixihu street, Yuelu district, Changsha city, Hunan province, China<br />
										</li>
									</ul>
								</section>

							<!-- Footer -->
								<footer id="footer">
									<p class="copyright">&copy;XieZheyuan All rights reserved.Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
								</footer>

						</div>
					</div>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>